/**
 * 个人主页-作品
 */
import React, { Component } from "react" ;
import { connect } from "react-redux" ;

import { browserHistory } from "react-router" ;

class MineFilmsBoxContainer extends Component{
    constructor(props){
        super(props) ;
    }

    turn2DetailPage(e){
        browserHistory.push("/App/FilmDetail/"+this.props.filmId)
        location.reload();
    }
    render(){
        return(

            <div>
                <div className="editor-list" onClick={this.turn2DetailPage.bind(this)}>
                    <div className="list-img">
                        <img src={this.props.videoImgUrl} alt="视频封面"/>
                        <div className="time">{this.props.categoryName}<span>|</span>{this.props.videoLength}</div>
                    </div>
                    <div className="list-text Mine-film">
                        <p className="small clearfix">
                            <p className="m-big mine-film-big">{this.props.title}</p>
                            {/*<span className="right mine-film-right">{this.props.categoryName}<span>|</span>{this.props.videoLength}</span>*/}
                         </p>
                    </div>
                </div>
            </div>
        )
    }
}


const MineFilmsBox = connect()(MineFilmsBoxContainer) ;

export { MineFilmsBox as default } ;